﻿<%@  Language="C#" MasterPageFile="~masterurl/custom.master" AutoEventWireup="true"
  Inherits="Kiiro.SiteDefinition.ProjectPages.NewTask, Kiiro.SiteDefinition, Version=1.2.0.7, Culture=neutral, PublicKeyToken=5b2f4277f61b7816" %>
<%@ Register TagPrefix="SP" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="v2" TagName="CustomFieldCollection" Src="~/_controltemplates/Kiiro/CustomFieldCollection.ascx" %>
<%@ Register TagPrefix="v2" TagName="AttachmentControl" Src="~/_controltemplates/Kiiro/AttachmentControl.ascx" %>
<%@ Register TagPrefix="v2" TagName="TeamMemberCollection" Src="~/_controltemplates/Kiiro/TeamMemberCollection.ascx" %>
<%@ Register TagPrefix="v2" TagName="FormButtons" Src="~/_controltemplates/Kiiro/FormButtons.ascx" %>

<asp:Content ID="ContentTitle" ContentPlaceHolderID="PlaceHolderPageTitle" runat="server">
    <asp:Literal ID="litTitle" runat="server" />
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

  <script type="text/javascript">
    $(InitTeamMemberCollection);
    $(InitAttachments);
    $(InitDatePickers);
    $(InitSlider);
 
    $(document).ready(function(){ 
        $('#newTaskSlider a').blur(function(){
            var lblPercentage = document.getElementById("lblPercentage").innerHTML;
            var ctl00_MainContent_txtPercentage = document.getElementById("ctl00_MainContent_txtPercentage");
            ctl00_MainContent_txtPercentage.value = lblPercentage;
        });
    });
  </script>

  <asp:Panel ID="pnlActionBar" runat="server" CssClass="actionbar" Visible="false">
    <div class="wrap-has-tabs">
      <p class="left">
        <asp:HyperLink ID="lnkBack" runat="server" CssClass="icon-back" Text="Back To Work" />
      </p>
    </div>
  </asp:Panel>
  <div class="body-pad">
    <div class="body">
      <div class="wrap">
        <div class="panel-pad">
          <div class="panel">
            <div class="panel-wrap">
              <div class="panel-title">
                <h2>
                  Task Settings</h2>
              </div>
              <div class="panel-content">
                <div class="settings">
                  <div class="row">
                    <dl>
                      <dt>
                        <label for="title">
                          Task Title <span class="required">*</span></label></dt>
                      <dd>
                        <asp:TextBox ID="txtTitle" runat="server" CssClass="input" /></dd>
                      <dd>
                        <asp:Label ID="lblTitleMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Give the Task an easily identifiable title.</h3>
                      </dt>
                      <dd>
                        This title is used to identify the task everywhere it is referenced, including the dashboard, email notifications, and the task list. Maximum length of 255 characters.
                      </dd>
                    </dl>
                  </div>
                  <div class="row">
                    <dl>
                      <dt>
                        <label for="description">
                          Description</label></dt>
                      <dd>
                        <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" Rows="5" CssClass="textarea" /></dd>
                      <dd>
                        <asp:Label ID="lblDescriptionMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Provide a short description of what the Task is about.</h3>
                      </dt>
                      <dd>
                        Maximum length of 1000 characters.
                      </dd>
                    </dl>
                  </div>
                  <div id="startdate" runat="server" class="row">
                    <dl>
                      <dt>
                        <label for="start-date">
                          Start Date</label></dt>
                      <dd>
                        <asp:TextBox ID="txtStartDate" runat="server" CssClass="datepicker input" />
                      </dd>
                      <dd>
                        <asp:Label ID="lblStartDateMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Define the task start date.</h3>
                      </dt>
                      <dd>The start date for the task. Date format is "mm/dd/yyyy". (e.g: 10/29/2000)
                      </dd>
                    </dl>
                  </div>
                  <div id="enddate" runat="server" class="row">
                    <dl>
                      <dt>
                        <label for="start-date">
                          End Date</label></dt>
                      <dd>
                        <asp:TextBox ID="txtEndDate" runat="server" CssClass="datepicker input" />
                      </dd>
                      <dd>
                        <asp:Label ID="lblEndDateMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Define the task end date.</h3>
                      </dt>
                      <dd>The end date for the task. Date format is "mm/dd/yyyy". (e.g: 10/29/2000)
                      </dd>
                    </dl>
                  </div>
                  <div class="row borderless">
                    <dl>
                      <dt>Assigned To</dt>
                      <dd>
                        <v2:TeamMemberCollection id="teamMemberList" runat="server" />
                      </dd>
                      <dd>
                        <asp:Label ID="lblDDLTeamMembersMessage" runat="server" />
                      </dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Select who you want to assign this Task to.</h3>
                      </dt>
                      <dd>
                      </dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="panel-pad">
          <div class="panel">
            <div class="panel-wrap">
              <div class="panel-title">
                <h2>
                  Status Settings</h2>
              </div>
              <div class="panel-content">
                <div class="settings">
                  <div class="row">
                    <dl>
                      <dt>
                        <label for="status-description">
                          Status Note</label></dt>
                      <dd>
                        <asp:TextBox ID="txtStatusNote" runat="server" TextMode="MultiLine" Rows="3" CssClass="textarea" /></dd>
                      <dd>
                        <asp:Label ID="lblStatusNoteMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Provide a short description of the current status of this Task.
                        </h3>
                      </dt>
                      <dd>
                        Maximum length of 255 characters.</dd>
                    </dl>
                  </div>
                  <div class="single-column status-wrap">
                      <div class="row">
                        <dl class="status-progress">
                          <dt>Percentage Complete</dt>
                          <dd>
                            <span id="newPercentage" class="percentage">
                                <asp:TextBox ID="txtPercentage" runat="server" CssClass="inputHiddenPercentage" />
                                <span id="lblPercentage" class="jq_percentage">0</span>%
                            </span> 
                            <span id="newTaskSlider" class="slider"></span>
                          </dd>
                        </dl>                        
                      </div>
                  </div>
                  <div class="row borderless">
                    <dl>
                      <dt>
                        <label for="description">
                          Estimated Time</label>  (in <asp:Label ID="lblTimeUnit" runat="server" />)</dt>
                      <dd>
                        <asp:TextBox ID="txtAssignWork" runat="server" CssClass="input" /></dd>
                      <dd>
                        <asp:Label ID="lblAssignWorkMessage" runat="server" CssClass="validation-message" /></dd>
                    </dl>
                    <dl>
                      <dt>
                        <h3>
                          Define the task estimated time to complete.</h3>
                      </dt>
                      <dd>
                      </dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="panel-pad">
          <div class="panel">
            <div class="panel-wrap">
              <div class="panel-title">
                <h2>
                  Attachment Settings</h2>
              </div>
              <div class="panel-content">
                <div class="settings">
                  <div class="row borderless">
                    <v2:AttachmentControl id="attachmentControl" runat="server" Title="Attachments" />
                    <dl>
                      <dt>
                        <h3>
                          Provide an attachment to be associated with the Task.</h3>
                      </dt>
                      <dd>
                        Browse to the file you wish to include as an attachment. Once you have selected
                        a file, save the Task to attach.
                      </dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <v2:CustomFieldCollection id="v2CustomFieldCollection" runat="server" />
        <v2:FormButtons id="v2FormButtons" runat="server" />
      </div>
    </div>
  </div>
</asp:Content>
